<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/product.css">
    <link rel="stylesheet" href="../css/home.css">
    <script src="../js/jquery.js"></script>
</head>
<script>
</script>
<body>
<jsp:include page="top.jsp"></jsp:include>
<div class="product">
    <div class="product-nav">
        <div class="float-left">产品展示</div>
        <div>
            <ul>
                <c:forEach items="${productModel.nameList}" var="title">
                    <a href="${title.nameHref}">
                        <li>${title.nameTitle}</li>
                    </a>
                </c:forEach>
<%--              <a href="#">--%>
<%--                    <li>【鄂菜】</li>--%>
<%--                </a>--%>
<%--                <a href="#">--%>
<%--                    <li>【闽菜】</li>--%>
<%--                </a>--%>
<%--                <a href="#">--%>
<%--                    <li>【鲁菜】</li>--%>
<%--                </a>--%>
<%--                <a href="#">--%>
<%--                    <li>【湘菜】</li>--%>
<%--                </a>--%>
<%--                <a href="/jsp/show.jsp">--%>
<%--                    <li>【粤菜】</li>--%>
<%--                </a>--%>
<%--                <a href="/jsp/product.jsp">--%>
<%--                    <li>【川菜】</li>--%>
<%--                </a>--%>
            </ul>
        </div>
    </div>
    <div class="product-top">
        <div class="product-img"><img src="${productModel.img}" height="300" width="300"/>
        </div>
        <div class="product-name float-left">
            <h4>${productModel.productName}</h4>
            <p>市场价格:${productModel.markerPrice}</p>
            <div>价格:<span>${productModel.price}</span></div>
        </div>
    </div>
    <div class="product-content float-left">
        <div class="product-content-title">主料：${productModel.part}</div>
        <div>
            <h3>主料:&nbsp&nbsp<span>${productModel.part}</span></h3>
            <h3>辅料:&nbsp&nbsp<span>${productModel.assist}</span></h3>
            <h3>调料:&nbsp&nbsp<span>${productModel.seasoning}</span></h3>
        </div>
    </div>
    <div class="product-last float-left">
        <div>↑ 上一个：<span>红烧茄子</span></div>
        <div>↓ 下一个：<span>板栗红烧肉</span></div>
    </div>
</div>
<jsp:include page="foot.jsp"></jsp:include>
</body>
</html>
